import { Button } from 'antd-mobile'
import React from 'react'
import { useSelector } from 'react-redux'
import { useNavigate } from 'react-router-dom'


const My = () => {
  const userInfo = useSelector(state => state.user.userInfo)
  const navigate = useNavigate()
  return (
    <div>
      <div>
        <h3>昵称{userInfo.nickname}</h3>
        <img src={userInfo.avatar} alt="" />
      </div>

      <Button onClick={() => navigate('/my/collect')}>我的收藏</Button>
    </div>
  )
}

export default My